<template>
	<div class="bjl">
		<ul>
			<li v-for="m in menu">
				<img :src="m.activity.img" alt="">
				{{m.activity.name}}
			</li>
		</ul>
		
	</div>
</template>
<script type="text/javascript">
	export default{
		props:["menu"]
	}
</script>
<style type="text/css">
	.bjl{
        		width: 100%;
        		margin-top: .5rem;
        		font-size: .3rem;
        	}
        	.bjl>ul{
        		width: 100%;
        		display: flex;
        		flex-wrap: wrap;
        		justify-content: space-around;
        		/* align-items: center; */
        	}
        	.bjl>ul>li{
        		width: 25%;
        		text-align: center;
        	}
        	.bjl>ul>li>img{
        		width: 100%;
        	}
</style>